import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

const patch = init([])

// 第一个参数：标签+选择器
// 第二个参数：如果是字符串就是标签的文本内容
let vnode = h('div#container.test1', [
  h('h2', 'Hello World'),
  h('p', 'This is a P tag')
])
const app = document.querySelector('#app')

// 第一个参数：旧的 VNode， 可以是 DOM 元素
// 第二个参数：新的 VNode
// 返回新的 VNode
const oldVnode = patch(app, vnode)

setTimeout(() => {
  vnode = h('div#container.test2', [
    h('h2', 'Hello Snabbdom'),
    h('p', 'Snabbdomtag P tag')
  ])
  patch(oldVnode, vnode)
}, 1000)

setTimeout(() => {
  // 清除 div 中的内容
  patch(vnode, h('!'))
}, 2000)
